<template>
    <div class="backNav">
          <van-nav-bar
            :title="title"
            :left-text="leftText"
            :right-text="rightText"
            :left-arrow='leftArrow'
            @click-left="$emit('navback')"
            @click-right="$emit('clickRight')"
            />
    </div>
</template>

<script>
    export default {
        props:{
            title:{
                type:String,
                default:''
            },
            leftText:{
                type:String,
                default:''
            },
            rightText:{
                type:String,
                default:''
            },
            leftArrow:{
                type:Boolean,
                default:false
            }
         },
        methods: {
            back(){
                this.$router.go(-1)
            },
           
        },  
    } 
</script>

<style lang="less" scoped>
.backNav{
    font-weight: bold;
    /deep/ .van-icon-arrow-left {
        color: #0C34BA;
    }
    /deep/ .van-nav-bar__text{
        color: #0C34BA;
    }
}
</style>